:root {
    --color-primary: #252525;
    --color-nome: #002656;
    --color-subtitulo: #363636;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    font-family: 'GothamLight';
}

@font-face {
    font-family: 'GothamLight';
    src: url('../fonts/gotham-light.ttf');
    src: local('GothamLight'), url('../fonts/GothamLight/GothamLight.woff') format('woff'), url('./fonts/GothamLight/GothamLight.ttf') format('truetype');
}

html,
body {
    height: 100%;
    width: 100vw;
    color: var(--color-primary);
    overflow-x: hidden;
}

section {
    display: flex;
    width: 100vw;
    height: auto;
}

.container {
    width: 100vw;
    height: 100%;
}

/*********************************************************************************************/
/*********************************************************************************************/
/***************************************Pagina politica privacidade******************************************/

.gridCabecalho {
    display: grid;
    grid-template-columns: 55% 30%;
    grid-template-rows: 1fr 20%;
    width: 100vw;
}


.titulo-p {
    grid-column: 1/1;
    grid-row: 1/1;
    justify-self: right;
    padding-top: 8%;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 30px;
}

.icon1 {
    grid-column: 2/2;
    grid-row: 1/1;
    max-width: 40%;
    justify-self: left;
    padding-left: 30px;
}

@media screen and (max-width: 600px) {
    .gridCabecalho{
        display:grid;
        grid-template-columns: 70% 40%;
    }
    .titulo-p {  
        grid-column: 1/1;         
       text-align: center;
       font-size:20px;
       padding-left: 25px;
    }   
    .icon1{
        margin-top:10px;
        max-width:30%;
        padding-left:10px;
    }
    
}

.texto-principal {
    display: grid;
    height: auto;
}

.paragrafo1 {    
    justify-self: center;
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 20px;
    line-height: 1.5;
    margin-bottom:20px;    
}

.paragrafo {
    justify-self: left;
    padding-left: 15%;
    padding-right: 15%;
    line-height: 1.5;
}


strong {
    color: var(--color-nome);
}

.subtitulo1 {
    color: var(--color-subtitulo);
    justify-content: center;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5px;
    font-weight: bold;
}

.subtitulo {
    color: var(--color-subtitulo);
    justify-content: center;
    padding-top: 15px;
    padding-left: 15%;
    padding-right: 15%;
    padding-bottom: 5px;
    font-weight: bold;
}

ul {
    list-style: disc;
    padding-left: 18%;
    padding-right: 15%;
    line-height: 1.5;
}

ol {
    list-style: upper-roman;
    padding-left: 18%;
    padding-right: 15%;
    line-height: 1.5;
}

footer {
    background: var(--color-nome);
    height: 40px;
    text-align: center;
    padding-top: 10px;
    color:white;
}

.bottom {
    margin-bottom: 30px;
}

@media screen and (max-width: 600px) {
    .paragrafo1{
        justify-self: center;
        padding-left: 15%;
        padding-right: 15%;
        padding-top: 20px;
        line-height: 1.5;
        padding-bottom: 15%;
    }
}

/*********************************************************************************************/
/*********************************************************************************************/
/***************************************Cookie******************************************/
.gridCabecalho-cookie{
    display: grid;
    grid-template-columns: 55% 30%;
    grid-template-rows: 1fr 20%;
    width: 100vw;
}
.img-cookie{
    grid-column: 2/2;
    grid-row: 1/1;
    max-width: 30%;
    justify-self: left;
    padding-left: 30px;
    padding-top:20px;
}
.titulo-c {
    grid-column: 1/1;
    grid-row: 1/1;
    justify-self: right;
    padding-top: 8%;
    color: var(--color-primary);
    font-weight: bold;
    font-size: 30px;
}

.ol-number{
    list-style-type: decimal ;
}

table, th, td{
    width:50%;
    border:1px solid black;    
    border-collapse: collapse;
    align-items: center;
    text-align: center;
    justify-self: center;
}


@media screen and (max-width: 600px) {
    .gridCabecalho-cookie{
        display:grid;
        grid-template-columns: 70% 50%;
    }
    .titulo-c {  
        grid-column: 1/1;  
       display: flex;
       text-align: center;
       font-size:22px;       
    }   
    .img-cookie{        
        padding-top:10px;
        padding-left: 15px;
    }

    .ol-number{
        padding-left: 85px;;
    }
    
}